<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">

	<f:metadata>
		<f:viewParam name="id" value="#{ciudadBean.id}" />
		<f:event type="preRenderView" listener="#{ciudadBean.inicio()}" />
	</f:metadata>


	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
		
			<h:outputText value="#{msgs['form.ciudad.modificar']}" rendered="#{!empty ciudadBean.entity.id}"/>
			<h:outputText value="#{msgs['form.ciudad.alta']}" rendered="#{empty ciudadBean.entity.id}"/>
		



			<h:form id="create">

				<p:panel id="panelCreate">
					<p:messages  showDetail="true"  closable="true" showSummary="true"/>
					

					<p:panelGrid style="width: 100%;text-align:left">
						<p:row>
							<p:column style="width: 15%;">
								<h:outputLabel for="ciudadBeanTaskDescription"
									value="#{msgs['form.nombre']}#{msgs.obligatorio}" />
							</p:column>
							<p:column style="width: 85%;">
								<p:inputText id="ciudadBeanTaskDescription" style="width: 85%;"
									value="#{ciudadBean.entity.descripcion}" />
								<p:message for="ciudadBeanTaskDescription" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel for="ciudadBeandepartamento"
									value="#{msgs['form.departamento']}#{msgs.obligatorio}" />

							</p:column>
							<p:column>
								<p:inputText id="ciudadBeandepartamento"
									value="#{ciudadBean.entity.departamento}" />
								<p:message for="ciudadBeandepartamento" />

							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel for="ciudadBeanCp" value="#{msgs['form.cp']}#{msgs.obligatorio}" />

							</p:column>
							<p:column>
								<p:inputText id="ciudadBeanCp" value="#{ciudadBean.entity.cp}" />
								<p:message for="ciudadBeanCp" />

							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText value="#{msgs['form.provincia']}#{msgs.obligatorio}" />
							</p:column>
							<p:column>
								<p:selectOneMenu value="#{ciudadBean.entity.provincia}"
									converter="#{provinciaConvert}" effect="fade">
									<f:selectItems value="#{provinciaBean.provincias}" var="p"
										itemLabel="#{p.descripcion}" itemValue="#{p}"
										onValue="Seleccione Provincia" />
								</p:selectOneMenu>

							</p:column>
						</p:row>
					</p:panelGrid>

					<f:facet name="footer">
						<ui:include src="/templates/toolbarCreate.xhtml">
							<ui:param name="bean" value="#{ciudadBean}" />
						</ui:include>
					</f:facet>
				</p:panel>

			</h:form>
		</h:panelGroup>
	</ui:define>

</ui:composition>
</html>
